<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> - 新增订单</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="favicon.ico">
    <link href="__PUBLIC__/newWeb/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__PUBLIC__/newWeb/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="__PUBLIC__/newWeb/css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="__PUBLIC__/newWeb/css/animate.css" rel="stylesheet">
    <link href="__PUBLIC__/newWeb/css/style.css?v=4.1.0" rel="stylesheet">
    <link href='__PUBLIC__/newWeb/css/order.css?v=0.1' rel='stylesheet'>
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>线下订单新增录入 </h5>
                        <div class="ibox-tools">
                            <a class="close-link"  href="order.html">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <form method="get" class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">护理对象</label>
                                    <div class="col-sm-3">
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">联系电话</label>
                                    <div class="col-sm-3">
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">陪护地址</label>
                                    <div class="col-sm-3">
                                        <input type="text" class="form-control">
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">支付状态</label>
                                    <div class="col-sm-3">
                                        <div class="radio i-checks col-sm-5">
                                            <label>
                                                <input type="radio" value="option1" name="a"> <i></i> 未支付</label>
                                        </div>
                                        <div class="radio i-checks col-sm-5">
                                            <label>
                                                <input type="radio" checked="" value="option2" name="a"> <i></i> 已支付</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">支付方式</label>
                                    <div class="col-sm-3">
                                        <select class="form-control" name="account">
                                            <option>微信支付</option>
                                            <option>POS机</option>
                                            <option>现金</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">陪护类型</label>
                                    <div class="col-sm-3">
                                        <select class="form-control" name="account">
                                            <option>选项 1</option>
                                            <option>选项 2</option>
                                            <option>选项 3</option>
                                            <option>选项 4</option>
                                        </select>
                                    </div>
                                    <div class="col-sm-3">
                                        <select class="form-control" name="account">
                                            <option>选项 1</option>
                                            <option>选项 2</option>
                                            <option>选项 3</option>
                                            <option>选项 4</option>
                                        </select>
                                    </div>
                                    <div class="col-sm-3">
                                        <select class="form-control" name="account">
                                            <option>选项 1</option>
                                            <option>选项 2</option>
                                            <option>选项 3</option>
                                            <option>选项 4</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">是否开发票</label>
                                    <div class="col-sm-3">
                                        <div class="radio i-checks col-sm-5">
                                            <label>
                                                <input type="radio" value="option1" name="bill"> <i></i> 是</label>
                                        </div>
                                        <div class="radio i-checks col-sm-5">
                                            <label>
                                                <input type="radio"  value="option2" name="bill"> <i></i> 否</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">是否传染病</label>
                                    <div class="col-sm-3">
                                        <div class="radio i-checks col-sm-5">
                                            <label>
                                                <input type="radio" value="option1" name="disease"> <i></i> 是</label>
                                        </div>
                                        <div class="radio i-checks col-sm-5">
                                            <label>
                                                <input type="radio"  value="option2" name="disease"> <i></i> 否</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <div class="form-group">
                                        <div class="col-sm-12">
                                            <label class="col-sm-2 control-label">开始时间</label>
                                            <input class="form-control layer-date col-sm-10" placeholder="开始时间" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                                        </div>
                                    </div>
                                <div class="hr-line-dashed"></div>    
                                <div class="form-group">
                                        <div class="col-sm-12">
                                            <label class="col-sm-2 control-label">结束时间</label>
                                            <input class="form-control layer-date col-sm-10" placeholder="开始时间" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                                        </div>
                                    </div>
                                <div class="hr-line-dashed"></div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">实际应收款</label>
                                    <div class="col-sm-3">
                                        <input type="text" class="form-control">
                                    </div>
                                    <div class="col-sm-1">
                                        <span class="prompt">元</span>
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">备注信息</label>
                                    <div class="col-sm-4">
                                        <textarea class="form-control"></textarea>
                                    </div>
                                </div>
                                <div class="hr-line-dashed"></div>
                                <div class="form-group">
                                    <div class="col-sm-12  align-center">
                                        <div class="hr-line-dashed"></div>
                                        <button class="btn btn-primary" type="submit">保存内容</button>
                                        <a class="btn btn-white" href='order.html'>取消</a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    <!-- 全局js -->
    <script src="__PUBLIC__/newWeb/js/jquery.min.js?v=2.1.4"></script>
    <script src="__PUBLIC__/newWeb/js/bootstrap.min.js?v=3.3.6"></script>

    <!-- iCheck -->
    <script src="__PUBLIC__/newWeb/js/plugins/iCheck/icheck.min.js"></script>
    <script src="__PUBLIC__/newWeb/js/plugins/layer/laydate/laydate.js"></script>
    <script>
        $(document).ready(function () {
            $('.i-checks').iCheck({
                checkboxClass: 'icheckbox_square-green', radioClass: 'iradio_square-green',
            });
            laydate({
            elem: '#hello', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
            event: 'focus' //响应事件。如果没有传入event，则按照默认的click
        });

        //日期范围限制
        var start = {
            elem: '#start',
            format: 'YYYY/MM/DD hh:mm:ss',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };
        var end = {
            elem: '#end',
            format: 'YYYY/MM/DD hh:mm:ss',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
        laydate(start);
        laydate(end);
        });
    </script>




</body>

</html>